<template>
  <div class="app" id="coupon">
    <merchantHeader />
    <div class="back">
      <div class="con">
        <div class="pxes"></div>
        <div class="listneo">
          <businessL />
          <div class="conres">
            <div class="ra">
              <h3>活动详情</h3>
            </div>
            <div class="yuansdj">
              <el-form
                :inline="true"
                class="demo-form-inline"
                style="display:flex;
                justify-content:space-between"
              >
                <el-form-item label="发行数量:">{{num}}</el-form-item>
                <el-form-item label="领取数量:">{{nums}}</el-form-item>
                <el-form-item label="领取数量:">{{nums}}</el-form-item>
                <el-form-item label="可使用时间:">{{times}}</el-form-item>
              </el-form>
              <el-table :data="tableData" border :header-cell-style="{background:'#D6DCE1',color:'#2D405E'}" style="width: 873px;margin:15px auto">
                <el-table-column prop="user" label="领取人"></el-table-column>
                <el-table-column prop="dates" label="领取时间"></el-table-column>
                <el-table-column prop="status" label="使用状态"></el-table-column>
                <el-table-column prop="times" label="使用时间"></el-table-column>
                <el-table-column prop="sum" label="消费金额"></el-table-column>
                <el-table-column label="操作">
                  <span style="color:blue" @click="$router.push('/bussCouponDetails')">查看评价</span>
                </el-table-column>
              </el-table>
            </div>
            <businessF />
          </div>
        </div>
      </div>
    </div>
    <Footer />
  </div>
</template>
<script>
import merchantHeader from "@/components/merchantHeader";
import Footer from "@/components/Footer";
import businessL from "@/components/businessL";
import businessF from "@/components/businessF";
export default {
  components: {
    merchantHeader,
    Footer,
    businessL,
    businessF
  },
  data() {
    return {
      num: 1,
      nums: 2,
      times: "2020/06/25-2020/07/31",
      tableData: [
        {
          user: "三帝集团",
          dates: "2020-10-01",
          status: "已使用",
          times: "2020-09-01",
          sum: "￥321.90",
        }
      ]
    };
  },
  methods: {}
};
</script>
<style scoped lang="stylus">
.app /deep/ .ist_l .ist_c li:nth-child(1) {
  background-color: #ff9381;
  width: 126px;
  height: 50px;
  display: block;
}
#coupon{


.back {
  background-color: #f06048;
}

.pxes {
  height: 15px;
}

.back .con {
  width: 1200px;
  margin: 0 auto;
  background-color: #eee;
  padding-bottom: 10px;
}

.listneo {
  width: 1161px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}

.conres {
  width: 902px;
  border-radius: 6px;
  background-color: #fff;
}

.conres .ra h3 {
  font-size: 20px;
  color: #f06048;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  text-align:center
}

.yuansdj {
  width: 95%;
  margin: 35px auto;
}

.el-form-item {
  margin-bottom: 0px;
}
}
</style>